<template>
	<!-- 缺省页组件 -->
	<view class="empty-content" :style="{top:top+unit}">
		<image class="empty-content-image" :src="src" :style="{width:width+'rpx'}" mode="widthFix"></image>
		<view class="text" v-if="text" :style="{color:color,fontSize:fontsize+'rpx'}">{{ text }}</view>
	</view>
</template>

<script>
export default {
	// 外层一定要是相对定位!!!!!!
	props: {
		// 据顶部高度
		top: {
			type: Number,
			default: 50
		},
		//据顶部高度单位
		unit: {
			type: String,
			default: '%'
		},
		// 图片链接
		src: {
			type: String,
			default: ''
		},
		// 图片宽度
		width: {
			type: Number,
			default: 200
		},
		// 文字
		text: {
			type: String,
			default: ''
		},
		// 文字颜色
		color: {
			type: String,
			default: '#8E8E93'
		},
		// 文字大小
		fontsize: {
			type: Number,
			default: 24
		}
	},
	data() {
		return {};
	}
};
</script>

<style lang="scss" scoped>
.empty-content {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: absolute; 
	left: 0;
	.text {
		text-align: center;
		margin-top: 28rpx; 
	}
}
.empty-content-image{
	height: 0;
}
</style>
